const path = require('path')
const isDev = process.env.NODE_ENV === 'development'
module.exports = {
  pages: {
    // 默认页面
    index: {
      // 入口文件
      entry: 'src/main.js',
      // 模板文件
      template: 'public/index.html',
      // 在dist中的输出文件名
      filename: 'index.html',
      // 页面标题
      title: '首页'
    },
    // 授权回调
    authCallback: {
      // 入口文件
      entry: 'src/authCallback.js',
      // 模板文件
      template: 'public/authCallback.html',
      // 在dist中的输出文件名
      filename: 'authCallback.html',
      // 页面标题
      title: '授权回调'
    }
  },
  publicPath: isDev ? '/' : '/monitor/',
  configureWebpack: {
    devtool: isDev ? 'source-map' : 'none'
  },
  devServer: {
    proxy: {
      '/api': {
        target: 'http://192.168.4.67:12306/ft-platform',
        changeOrigin: true,
        overlay: {
          warnings: false,
          errors: true
        },
        pathRewrite: {
          '^/api': ''
        }
      },
      '/authlogin': {
        target: 'http://192.168.4.67:12306',
        changeOrigin: true,
        overlay: {
          warnings: false,
          errors: true
        },
        pathRewrite: {
          '^/authlogin': ''
        }
      }
    }
  }
  // chainWebpack: config => {
  //   const oneOfsMap = config.module.rule('scss').oneOfs.store
  //   oneOfsMap.forEach(item => {
  //     item
  //       .use('sass-resources-loader')
  //       .loader('sass-resources-loader')
  //       .options({
  //       // 全局变量资源路径
  //         resources: './src/assets/style/colorVar.scss'
  //       // 也可以选择全局变量路径数组, 如果你有多个文件需要成为全局,就可以采用这种方法
  //       // resources: ['./path/to/vars.scss', './path/to/mixins.scss']
  //       // 或者你可以将多个scss文件@import到一个main.scss用第一种方法，都是可以的
  //       })
  //       .end()
  //   })
  // }
}
